import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../util/adapt';
import { isIOS } from '../../../../constant';
import { getScreenInfo } from '../../../../util/screen';
import { APP_BLACK, APP_GRAY } from '../../../../constant/color';

const { width } = getScreenInfo({});

export default StyleSheet.create({
  container: {
    width,
    backgroundColor: '#F8F8F8'
  },
  subContainer: {
    flex: 1
  },
  status: {
    backgroundColor: '#ffffff'
  },
  title: {
    height: phonePx(44),
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#ffffff'
  },
  back: {
    height: phonePx(44),
    width: phonePx(44),
    position: 'absolute',
    left: 0,
    top: 0,
    alignItems: 'center',
    justifyContent: 'center'
  },
  backIcon: {
    width: phonePx(10),
    height: phonePx(16)
  },
  titleDesc: {
    color: '#4A4A4A',
    fontSize: phonePx(16)
  },
  content: {
    height: phonePx(53),
    flexDirection: 'row',
    alignItems: 'center',
    backgroundColor: '#ffffff'
  },
  line: {
    position: 'absolute',
    left: 0,
    right: 0,
    bottom: 0,
    height: StyleSheet.hairlineWidth,
    backgroundColor: '#F5F5F5'
  },
  itemContainer: {
    overflow: 'hidden',
    height: phonePx(440),
    marginTop: phonePx(12)
  },
  address: {
    maxHeight: phonePx(311),
    overflow: 'hidden',
    flex: 1,
    flexDirection: 'row',
    alignItems: 'flex-start',
    backgroundColor: '#ffffff'
  },
  addressInput: {
    flex: 1,
    marginLeft: phonePx(16),
    fontSize: phonePx(12),
    textAlignVertical: 'top',
    paddingTop: phonePx(10),
    marginTop: isIOS ? phonePx(13) : phonePx(8),
    height: phonePx(100),
    color: APP_BLACK
  },
  addressPrefix: {
    color: APP_BLACK,
    fontSize: phonePx(12),
    lineHeight: phonePx(20),
    marginTop: phonePx(16),
    marginLeft: phonePx(15),
    width: phonePx(60)
  },
  prefix: {
    color: APP_BLACK,
    fontSize: phonePx(12),
    width: phonePx(60),
    marginLeft: phonePx(16)
  },
  input: {
    flex: 1,
    marginLeft: phonePx(16),
    fontSize: phonePx(12),
    color: APP_BLACK
  },
  district: {
    marginLeft: isIOS ? phonePx(12) : phonePx(15),
    flex: 1,
    fontSize: phonePx(12),
    color: APP_BLACK
  },
  districtDisable: {
    flex: 1,
    marginLeft: isIOS ? phonePx(12) : phonePx(15),
    fontSize: phonePx(12),
    color: APP_GRAY
  },
  arrow: {
    width: phonePx(6),
    height: phonePx(11),
    marginRight: phonePx(16)
  }
});
